// 在 components 目录下创建一个名为 Popup.vue 的文件，内容如下：

<template>
	<div v-if="show">
		<div class="popup-background" @click="close"></div>

		<div class="popup-content">
			<div class="header-title">
				个人信息保护政策
			</div>
			<div class="u-scroll-list">
				<p>在使用“迈尔斯健身”各项产品或服务前，请您务必仔细阅
				读并透彻理解本政策，在确认充分理解并同意后再开始使用。如对本政策内容有任何疑问、意见或建议，您可通过门
				店活动通提供的各种联系方式与我们联系。
				您的信任对我们非常重要，我们深知个人信息对您的重要
				性，我们将按法律法规要求，采取相应安全保护措施，尽力
				保护您的个人信息安全可控。鉴于此，门店活动通服务提供
				者（或简称“我们”或“迈尔斯健身”）制定本《隐私政
				策》（下称“本政策/本隐私政策”）并提醒您：本政策适
				用于门店活动通提供的所有产品和服务及我们的关联公司的
				产品或服务（如门店活动通小程序），您可使用门店活动通
				平台帐号登录上述产品或服务，如上述产品或服务未设独立
				隐私政策的，则本政策同样适用于该部分产品或服务。
				需要特别说明的是，本政策不适用于其他第三方向您提供的
				服务，也不适用于门店活动通中已另行独立设置隐私政策的
				产品或服务。</p>
				<h3>第一部分定义</h3>
				<p>门店活动通服务提供者：利辛县迈尔斯健身服务有限公司
				公司注册地址：毫州市利辛县城关镇元力广场某某某
				个人信息：指以电子或者其他方式记录的能够单独或者与其
				他信息结合识别特定自然人身份或者反映特定自然人活动情
				况的各种信息。
				个人敏感信息：指包括身份证件号码、个人生物识别信息、
				银行账号、财产信息、行踪轨迹、交易信息、14岁以下
				(含)儿童信息个人信息。
				个人信息删除：指在实现日常业务功能所涉及的系统中去除
				个人信息的行为，使其保持不可被检索、访问的状态。
				儿童：指不满十四周岁的未成年人。
				除另有约定外，本政策所用定义与门店活动通平台用户协议
				中的定义具有相同的涵义。
				第二部分隐私政策
				本隐私政策部分将帮助您了解以下内容：</p>
				<h4>一、我们如何收集和使用您的信息</h4>
				<h4>二、我们如何使用Cookie</h4>
				<h4>三、我们如何共享、转让、公开披露您的信息</h4>
				<h4>四、我们如何存储您的信息</h4>
				<h4>五、我们如何保护您的信息</h4>
				<h4>六您如何管理您的信息</h4>
				<h4>七、我们如何处理未成年人的信息</h4>
				<h4>八、您的信息如何在全球范围转移</h4>
				<h4>九、本隐私政策如何更新</h4>
				<h4>十、如何联系我们</h4>
				<h3>一、我们如何收集和使用您的信息</h3>
				<p>在您使用我们的产品及/或服务时，我们需要何能需要收集
				和使用的您的个人信息包括如下两种：</p>
				<h6>1、为实现向您提供我们产品及/或服务的基本功能，我们将按照《网络安全法》的规定收集、使用您的个人信息。如您拒绝提供相应信息，您将无法正常使用我们的产品及/或服务，但不影响您浏览我们的网页及客户端页面；</h6>
				<h5>2、为实现向您提供我们产品及/或服务的附加功能，您可选择授权我们收集、使用您的个人敏感信息。如您拒绝提供，您将无法正常使用相关附加功能或无法达到我们拟达到的功能效果，但并不会影响您正常使用我们产品及/或服务的基本功能。</h5>
				<h4>您理解并同意：</h4>
				<h6>1、我们致力于打造多样的产品和服务以满足您的需求。因我们向您提供的产品和服务种类众多，且不同用户选择使用的具体产品/服务范围存在差异，因此基本附加功能及收集使用的个人信息类型、范围会有所区别，请以具体的产品/服务功能为准；</h6>
				<h6>2、为给您带来更好的产品和服务体验，我们在持续努力改 进我们的技术，随之我们可能会不时推出新的或优化后的功 能，可能需要重新收集、使用您的个人信息或变更个人信息 使用目的或方式。对此，我们将通过更新本政策、弹窗、页 面提示方式另行向您说明对应信息的收集目的、范围及使用 方式，并征求您的明示同意。在此过程中，如果您有任何疑 问、意见或建议的，您可通过门店活动通提供的各种联系方 式与我们联系，我们会尽快为您作出解答。</h6>
				<h4>我们会为实现本政策下述的各项功能，收集和使用您的个人信息：</h4>
				<h3>(一）帮助您成为我们的会员</h3>
				<p>1、基础会员服务 注册成为会员并使用我们的会员服务，您需要提供手机号 码、拟使用的会员名和密码用于创建门店活动通平台账户。 如果您仅需使用浏览、搜索服务，您不需要注册成为我们的 会员及提供上述信息。 在您登录帐户时，我们可能会根据您提供的上述信息校验您 的会员身份，确保我们是在为您本人提供服务。若存在依法 需确定您会员身份的场景（包括依法为您扣缴税费、行政执 法或司法诉讼中相关主体认定等)时，您授权我们可获取您 对应支付账户的相关认证信息用于上述目的。 我们会根据您的会员账户使用情况为您提供相应会员所对应 的基本权益。</p>
				<p>2、附加会员服务 如果您选择提供真实姓名、性别、出生年月日、居住地个人 信息，我们可以为您提供更加个性化的会员服务。为保证交 易辨识度，您的帐户呢称、头像将公开显示。 授权登录：经您同意后我们向第三方共享您的账户信息（如 微信，我们可能会共享您的头像、呢称)，使您可以便捷地 以门店活动通平台帐户实现第三方平台的注册或登录。此 外，我们可能会根据您的授权从第三方处获取您的第三方账 户信息，并与您的门店活动通平台账户进行绑定，使您可通 过第三方账户直接登录、使用我们的产品及/或服务。我们 将在您授权同意的范围内使用您的相关信息。</p>
				<p>3、账户信息展示：如果您已拥有门店活动通平台账户，我 们可能会在门店活动通平台服务中显示您的上述个人信息 (实人认证仅显示认证是否通过的结果)，以及您在门店活 动通平台上或与门店活动通平台账户相关联的产品和服务中 执行的操作（您可通过门店活动通平台账户在我们提供的手 机门店活动通入口或其他产品/服务入口使用我们及/或关联 公司提供的产品或服务)，包括通过门店活动通平台账户集 中展示您的个人资料、优惠权益、交易订单。我们会尊重您 对门店活动通平台服务和门店活动通平台账户设置所做的选 择。</p>
				<h3>(二)为您提供商品或服务信息展示</h3>
				<p>在您使用我们服务过程中，为识别账号异常状态、了解产品 适配性、向您提供更契合您需求的页面展示和搜索结果，我 们可能会自动收集您的使用情况并存储为网络日志信息，包 括：</p>
				<p>设备信息：我们会根据您在软件安装及/或使用中的具体操 作，接收并记录您所使用的设备相关信息（包括设备型号、 操作系统版本、设备设置、唯一设备标识符、设备环境软硬 件特征信息)、设备所在位置相关信息（包括您授权的GPS 位置以及WLAN接入点)。</p>
				<p>服务日志信息：当您使用我们的网站或客户端提供的产品或 服务时，我们会自动收集您对我们服务的详细使用情况，作 为服务日志保存，包括浏览、点击查看、搜索查询、收藏、 添加至购物车、交易、售后、关注分享信息、发布信息，以 及P地址、浏览器类型、电信运营商、使用语言、访问日期 和时间。</p>
				<p>请注意，单独的设备信息、服务日志信息是无法识别特定自 然人身份的信息。如果我们将这类非个人信息与其他信息结 合用于识别特定自然人身份，或者将其与个人信息结合使 用，则在结合使用期间，这类非个人信息将被视为个人信 息，除取得您授权或法律法规另有规定外，我们会将这类信 息做匿名化、去标识化处理。</p>
				<p>如果您不想接受我们给您发送的商业广告，您可按照信息中 提示的退订步骤进行退订或与我们的客服联系进行退订。在 您使用我们提供的站内搜索服务时，我们也同时提供了不针 对您个人偏好的商品、服务。</p>
				<p>此外，我们也会为了不断改进和优化上述的功能来使用您的上述信息。</p>
				<h3>(三)帮助您完成下单及订单管理</h3>
				<p>当您在我们的产品及/或服务中订购具体商品及/或服务时， 我们会通过系统为您生成购买该商品及/或服务的订单。在 下单过程中，您需至少提供您的收货人姓名、收货地址、收货 人联系电话，同时该订单中会载明您所购买的商品及/或服 务信息、具体订单号、订单创建时间、您应支付的金额，我 们收集这些信息是为了帮助您顺利完成交易、保障您的交易 安全、查询订单信息、提供客服与售后服务及其他我们明确 告知的目的。</p>
				<p>您可以通过门店活动通为其他人订购商品及/或服务，您需 要提供该实际订购人的前述个人信息，若其中涉及儿童个人 信息的，您需在提供前征得对应儿童监护人的同意。 为便于您了解查询订单信息并对订单信息进行管理，我们会 收集您在使用我们服务过程中产生的订单信息用于向您展示 及便于您对订单进行管理,您可额外填写/选择包括其他联系电话、收货时间在内的更多附加信息以确保商品或服务的准确送达。</p>
				<h3>(四)帮助您完成支付</h3>
				<p>为完成订单支付，您需要提供支付账户并选择付款方式，我 们会将您的门店活动通平台账户会员名、对应的支付账户会 员名、订单支付相关信息及其他反洗钱法律要求的必要信息 与第三方支付公司共享。如您选择由其他金融机构为您提供 支付服务的，我们或我们的关联公司、合作伙伴还会将您的 包括银行卡号、有效期在内的银行卡支付必要信息与您选择 的相应金融机构共享。</p>
				<p>您可以请求其他人为您付款，那么您需要提供代付人的支付 账户及/或手机号码。</p>
				<p>为使我们及时获悉并确认您的支付进度及状态，为您提供售 后与争议解决服务，您同意我们可自您所选择的交易对象、 支付公司或您选择的其他金融机构处收集与支付进度相关信 息。</p>
				<h3>(五)帮助向您完成商品或服务的交付</h3>
				<p>为保证您购买的商品及/或服务能够顺利、安全、准确送 达，我们会向为门店活动通平台提供物流信息系统和技术服 务的物流配送公司披露订单相关配送信息，并由其根据商品 及/或服务提供主体的指定向相应的物流配送主体同步相关 配送信息。您知晓并同意相应物流配送主体不可避免地获知 及使用您的配送信息，用于完成交付目的。</p>
				<p>为使我们及时获悉并确认交付进度及状态，向您提供售后与 争议解决服务，您同意我们可自物流相关服务主体处收集与 交付进度相关信息。</p>
				<h3>(六)客服及争议处理</h3>
				<p>当您与我们联系或提出售中售后、争议纠纷处理申请时，为 了保障您的账户及系统安全，我们需要您提供必要的个人信 息以核验您的会员身份</p>
				<p>为便于与您联系、尽快帮助您解决问题或记录相关问题的处 理方案及结果，我们可能会保存您与我们的通信/通话记录 及相关内容（包括账号信息、订单信息、您为了证明相关事 实提供的其他信息，或您留下的联系方式信息)，如果您针 对具体订单进行咨询、投诉或提供建议的，我们会使用您的 账号信息和订单信息。</p>
				<h3>(七)为您提供安全保障</h3>
				<p>为提高您使用我们及我们关联公司、合作伙伴提供服务的安 全性，保护您或其他用户或公众的人身财产安全免遭侵害， 更好地预防钓鱼网站、欺诈、网络漏洞、计算机病毒、网络 攻击、网络侵入安全风险，更准确地识别违反法律法规或门 店活动通相关协议规则的情况，我们可能使用或整合您的会 员信息、交易信息、设备信息、服务日志信息以及我们关联 公司、合作伙伴取得您授权或依据法律共享的信息，来综合 判断您账户及交易风险、进行身份验证、检测及防范安全事 件，并依法采取必要的记录、审计、分析、处置措施。</p>

			</div>
			<button @click="close" class="btn">确定</button>
		</div>
	</div>
</template>

<script>
	export default {
		props: {
			show: Boolean,
		},
		methods: {
			close() {
				this.$emit('close');
			},
		},
	};
</script>

<style scoped>
	.popup-background {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.7);
	}

	.popup-content {
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		background-color: white;
		border-radius: 20px;
		padding: 30px 10px;
		text-align: initial;
		/* background-color: aquamarine; */
		
	}
	.header-title{
		position: fixed;
		font-size: 18px;
		    top: -30px;
		    left: 35%;
		    height: 35px;
	}
	.u-scroll-list {
			overflow-y: auto; /* 添加这一行使内容溢出时产生垂直滚动条 */
			height: 400px; /* 这里设置滚动区域的高度，根据实际需求进行调整 */
			width: 80vw;
			line-height: 28px;
			word-wrap: break-word;
			
		}
		.btn{
			margin-top: 10px;
			background-color: #f7cb40;
			box-sizing: content-box;
		}
</style>